<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '用户协议',
  },
}
</route>

<script lang="ts" setup>
// 获取屏幕边界到安全区域距离
let safeAreaInsets
let systemInfo

// #ifdef MP-WEIXIN
// 微信小程序使用新的API
systemInfo = uni.getWindowInfo()
safeAreaInsets = systemInfo.safeArea
  ? {
      top: systemInfo.safeArea.top,
      right: systemInfo.windowWidth - systemInfo.safeArea.right,
      bottom: systemInfo.windowHeight - systemInfo.safeArea.bottom,
      left: systemInfo.safeArea.left,
    }
  : null
// #endif

// #ifndef MP-WEIXIN
// 其他平台继续使用uni API
systemInfo = uni.getSystemInfoSync()
safeAreaInsets = systemInfo.safeAreaInsets
// #endif

function back() {
  uni.navigateBack()
}

const title = ref('油车港文旅用户服务协议')
const date = ref('2025年XX月XX日')
const content = ref(`
提示条款
欢迎您与无锡拈花湾文化旅游发展有限公司（以下简称拈花湾文旅”或我们”）共同签署《拈花湾文旅用户服务协议》（下称本协议”）并在服务平台上使用拈花湾文旅用户服务（以下简称本服务”）！
【审慎阅读】您在点击同意前，应当认真阅读以下协议。请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：
1. 与您约定免除或限制责任的条款；
2. 与您约定法律适用和管辖的条款；
3. 其他以粗体字划线标识的重要条款。
【特别提示】当您阅读并同意本协议，或者以任一被经营者所允许的方式使用本服务，或者以其他任何明示或者默示方式表示接受本协议的，即表示您已充分阅读、理解并接受本协议的全部内容，并与本服务经营者达成一致，成为本服务用户。阅读本协议的过程中，如果您不同意本协议或其中任何条款，您应立即停止使用本服务。如果您未满18周岁，请在法定监护人的陪同下阅读本协议及其他协议，并在法定监护人陪同下使用本服务。
【协议更新】我们可能根据服务变化、迭代更新及相关法律法规政策的变化不时更新本协议，我们将在协议更新的情况下通过主页面公示或弹窗提示的方式告知您，如您不接受更新后的部分或全部协议条款，您需要立即停止使用我们的服务；如您在我们更新的协议生效后继续使用我们的服务，则视为您已接受更新后的协议。
【争议解决】法律适用、管辖与其他
本协议之订立、生效、解释、修订、补充、终止、执行与争议解决均适用中华人民共和国大陆地区法律。
您因使用本服务所产生及与本服务有关的争议，任何一方均可向本服务经营者所在地有管辖权的人民法院提起诉讼。
本协议任一条款被视为废止、无效或不可执行，该条应视为可分割的且并不影响本协议其余条款的有效性及可执行。
`)


onLoad(async (query) => {
  try {
    console.log(query.name)
    if (query.name === '订票须知') {
      title.value = '交通商品-订票须知'
      date.value = '2025年XX月XX日'
      content.value = `
      摇橹船
1、摇橹船运营时间：夏令时3月一10月（09:30—18:30），冬令时11月一2月（09:30—17:00）；夜航运营时间：3月一10月（18:30—21:00）,11月一2月（17:30—21:00），夜航具体开放时间以现场实际运营时间为准；
2、下单并付款成功，摇橹船凭核销码到游船码头进行核销之后乘船，一次有效；
3、每船限乘6-8人，儿童乘船需成人陪护，一位成人最多可携带两位儿童登船；
4、若遇不可抗力因素，摇橹船不对外开放；
5、游船服务热线：13382200303
6、乘船地址：水街码头，云树码头，微笑码头；

小火车
1、小火车运营时间：09:30一17:00（17:00以后凭票在站点乘坐观光车，观光车运营至晚上21:00）
2、下单并付款成功，小火车凭核销码可在各站点核销无限次乘坐；
3、如遇特殊情况小火车会临时停运
4、乘车服务热线：13338770303
5、小火车站点：游客中心站 五灯湖站 云树帆影站 鹿鸣谷站
车、船核销码仅限当日使用，一经使用，概不退换；最终解释权归拈花湾景区交通运营部所有`
    }
  }
  catch (error) {
    console.error('获取协议详情失败:', error)
  }
})

</script>

<template>
  <view class="box-border min-h-[100vh] overflow-hidden bg-[#f4f4f4]">
    <!-- 导航栏 -->
    <view class="fixed top-0 z-20 w-full bg-white transition-all duration-300">
      <view class="bg-white" :style="{ height: `${safeAreaInsets?.top}px` }" />
      <view class="h-11 flex items-center bg-white px-4">
        <wd-icon name="thin-arrow-left" size="22px" @click="back" />
        <h1 class="flex-1 truncate px-6 text-lg text-gray-800 font-medium">
          {{ title }}
        </h1>
      </view>
    </view>
    <!-- 间隔占位 -->
    <view class="pt-5" :style="{ marginTop: `${safeAreaInsets?.top + 20}px` }" />
    <!-- 正文内容 -->
    <view class="p-3">
      <view class="font-bold">
        生效日期： {{ date }}
      </view>
      <view class="whitespace-pre-line">
        {{ content }}
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
//
</style>
